<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文件上传</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<h1>人像分割</h1>
<input type="file" id="fileInput" multiple="multiple" onchange="handleFileSelect(event)">
<span id="label1" style="display: none;">文件大于2M</span>
<h1>shopify</h1>
<input type="file" id="fileInput2" multiple="multiple" onchange="handleFileSelect2(event)">
<h1>人脸替换</h1>
<input type="file" id="fileInput3" multiple="multiple" >
<input type="file" id="fileInput4" multiple="multiple" >
<button onclick="handleFileSelect3()">上传</button>
</body>
<script>
    var xhr = new XMLHttpRequest(); // 创建一个 XMLHttpRequest 对象

    function handleFileSelect(event) {
        var files = event.target.files; // 获取选取的文件列表
        if (files[0].size > 2 * 1024 * 1024) {
            $("#label1").css("display","inline");
            return;
        }
        var formData = new FormData(); // 创建一个 FormData 对象
        formData.append("file", files[0]); // 将选取的文件添加到 FormData 对象中
        formData.append("type", 'person');
        // formData.append("filename", 'test.jpg');
        xhr.open("POST", "http://120.27.244.247:19000/alyapi/rxfg"); // 指定请求的方法和 URL
        xhr.send(formData); // 发送请求
    }

    function handleFileSelect2(event) {
        var files = event.target.files; // 获取选取的文件列表
        var formData = new FormData(); // 创建一个 FormData 对象
        formData.append("file", files[0]); // 将选取的文件添加到 FormData 对象中
        formData.append("filename", 'test.jpg');
        xhr.open("POST", "http://120.27.244.247.:19000/shopify/upload"); // 指定请求的方法和 URL
        xhr.send(formData); // 发送请求
    }

    function handleFileSelect3() {
        //取fileInput3的二进制图片
        var file3 = $("#fileInput3").get(0).files.item(0);
        var file4 = $("#fileInput4").get(0).files.item(0); // 获取选取的文件列表
        var formData = new FormData(); // 创建一个 FormData 对象
        formData.append("fileOld", file3);
        formData.append("fileNew", file4);
        formData.append("type",'pic');
        formData.append("effect",'master');
        xhr.open("POST", "http://120.27.244.247:19000/alyapi/rlth"); // 指定请求的方法和 URL
        xhr.send(formData); // 发送请求
    }
</script>
</html>